<template>
    <div>
        <cell-image v-if="visibleCell('image')" v-bind="$attrs"></cell-image>


        <cell-link v-if="visibleCell('link')" v-bind="$attrs"></cell-link>

        <cell-buttons v-if="visibleCell('buttons')" v-bind="$attrs"></cell-buttons>
    </div>
</template>

<script>
import CellImage from './components/CellImage.vue'
import CellLink from './components/CellLink.vue'
import CellButtons from './components/CellButtons.vue'

export default {
    components: {
        CellImage,
        CellLink,
        CellButtons
    },
    methods: {
        visibleCell(name) {
            return this.$attrs.slotName.includes(name)
        }
    },
}
</script>

<style lang="scss" scoped></style>